<template>
  <a-layout>
    <!-- <NavBar /> -->
    <a-layout style="padding: 24px; padding-top: 64px">
      <!-- 添加 top padding -->
      <SideBar />
      <a-layout-content>
        <div class="layout-content">
          <router-view />
        </div>
      </a-layout-content>
    </a-layout>
  </a-layout>
</template>

<script lang="ts">
import { defineComponent } from "vue";
// import NavBar from "../components/NavBar.vue";
import SideBar from "../components/SideBar.vue";
import { Layout } from "ant-design-vue";
export default defineComponent({
  name: "MainView",
  components: {
    // NavBar,
    SideBar,
    "a-layout": Layout,
    "a-layout-content": Layout.Content,
  },
});
</script>

<style>
.layout-content {
  /* padding-top: 64px; 确保内容不被NavBar覆盖 */
  padding-left: 200px;
}
</style>
